<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="jquery.pagination/pagination.css">
    <script src="../../js/jquery-3.4.1.js"></script>
    <script src="jquery.pagination/jquery.pagination.js"></script>
</head>
<body>
<div id="pagination"></div>
<script type="text/javascript">

    $(function () {

        // 但数据量不足时, 分页不渲染
        $("#pagination").pagination(50, {
            prev_text: '上一页',       	//上一页按钮里text
            next_text: '下一页',       	//下一页按钮里text
            items_per_page: 8,  //显示条数
            num_display_entries: 3,    	//连续分页主体部分分页条目数
            current_page: 1,  	//当前页索引
            num_edge_entries: 2,        //两侧首尾分页条目数
            callback: doPageWrapper
        });
    })

    function doPageWrapper(index, jq) {

    }

</script>
</body>
</html>